<template>
	<div class="page_chain" ref="page_chain">
		<div class="qg">
			<div :class="['qg_item',isQg?'':'active']" @click="changeQg(false)">{{myCity_name}}</div>
			<div :class="['qg_item',isQg?'active':'']" @click="changeQg(true)">全国</div>
		</div>
		<div class="title_fx">
			<div class="">
				产业链分布地图
			</div>
		</div>
		<map11 class="map" v-if='!isQg' @changeCity='changeCity' ref="map"></map11>
		<map1 class="map" v-if='isQg' @changeCity='changeCity' ref="map1"></map1>
		<div class="title_fx" v-if="!isNone">产业链图谱</div>
	  <div class="section-main" v-if="!isNone" :class="{open:isOpen==false}" ref="fx">
			<div class="toopen" @click="isOpen=true" v-if="isOpen==false">点击展开全部</div>
			<div v-for='item in data' :key="item.id" class="section">
				<div class="section-level" @click="showList(item)">{{item.chain_name}} <span class="red1" v-show="isXzt" :class="!item.company_total?'color3':''">({{item.company_total||0}})</span></div>
				<div class="section-content">
					<div :class="[item1.hasGChild?'has-grandchild':item1.hasChild?'has-children':'', item1.company_total==0&&isXzt?'none':'',item1.company_total==0&&isXzt?'yans':'wus' ,'node','level1']" v-for="item1 in item.children" :key="item1.id">
						<div class="a" :class="(!item1.company_total&&isXzt)?'color3':'color2'" @click="showList(item1)">{{item1.chain_name}}&nbsp;<span class="red"  v-show="isXzt" >({{item1.company_total||0}})</span></div>
						<div :class="[item2.hasChild?'has-children':'',item2.company_total==0&&isXzt&&item2.hasChild?'none':'','node',item2.company_total==0&&isXzt?'yans':'wus',item1.hasGChild?'level1':'']" v-for="item2 in item1.children" :key="item2.id">
							<div class="a" :class="(!item2.company_total&&isXzt)?'color3':'color2'" @click="showList(item2)">{{item2.chain_name}}&nbsp;<span class="red"  v-show="isXzt" :class="!item2.company_total?'color3':''">({{item2.company_total||0}})</span></div>
							<div class="node level3" :class="item3.company_total==0&&isXzt?'yans':'wus'" v-for="item3 in item2.children" :key="item3.id">
								<div class="a" :class="(!item3.company_total&&isXzt)?'color3':''" @click="showList(item3)">{{item3.chain_name}}&nbsp;<span class="red"  v-show="isXzt" :class="!item3.company_total?'color3':''">({{item3.company_total||0}})</span></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="" style="text-align: center;margin-top: 10px; color: #007AFF;" @click="isOpen=false" v-if="isOpen==true">点击收起</div>
	  </div>
		
		<div class="flex_chain" v-if="!isNone&&!isQg">
			<div class="chain_h">强链</div>
			<div class="chain_name">
				<div class='' v-for="(item,index) in nodeQiang" :key="index" @click="showList(item)">{{item.chain_name}} <span class="" v-show="index+1<nodeQiang.length">{{' , '}}</span></div><div v-if='nodeQiang.length==0'>无</div>
			</div>
		</div>
		<div class="flex_chain" v-if="!isNone&&!isQg">
			<div class="chain_h">补链</div>
			<div class="chain_name">
				<div class='' v-for="(item,index) in nodeBu" :key="index" @click="showList(item,'quan')">{{item.chain_name}} <span class="" v-show="index+1<nodeBu.length">{{' , '}}</span></div><div v-if='nodeBu.length==0'>无</div>
			</div>
		</div>
		<div class="flex_chain" v-if="!isNone&&!isQg">
			<div class="chain_h">延链</div>
			<div class="chain_name">
				<div class='' v-for="(item,index) in nodeYan" :key="index" @click="showList(item,'quan')">{{item.chain_name}} <span class="" v-show="index+1<nodeYan.length">{{' , '}}</span></div><div v-if='nodeYan.length==0'>无</div>
			</div>
		</div>
		<div class="flex_chain" v-if="!isNone&&!isQg">
			<div class="chain_h">缺链</div>
			<div class="chain_name">
				<div class='' v-for="(item,index) in nodeQue" :key="index" @click="showList(item,'quan')">{{item.chain_name}} <span class="" v-show="index+1<nodeQue.length">{{' , '}}</span></div><div v-if='nodeQue.length==0'>无</div>
			</div>
		</div>
		
		<div style="height: 30px;width: 100%;" ></div>
		<div class="title_fx" >
			<div class="">
				各区域产业链相关企业分布
			</div>
		</div>
		<div class="top">
			<div class="top_item" v-show="cityItem.shengShow" :class="index_add==0?'active':''" @click="index_add=0">省份</div>
			<div class="top_item" v-show="cityItem.shiShow" :class="index_add==1?'active':''" @click="index_add=1">城市</div>
			<div class="top_item" v-show="cityItem.quShow" :class="index_add==2?'active':''" @click="index_add=2">区县</div>
			<div class="top_item" :class="index_add==3?'active':''" @click="index_add=3">园区</div>
		</div>
		<div class="flex_table" >
			<div class="w15 bg_blue">排名</div>
			<div class="w30 bg_blue">{{index_add == 0?'省份':index_add == 1?'城市':index_add == 2?'区县':'园区'}}</div>
			<div class="w30 bg_blue">企业数</div>
			<div class="w25 bg_blue">操作</div>
		</div>
		<div class="" >
			<div class="flex_table" v-for="(item,index) in  index_add == 0?shengCList:index_add == 1?shiCList:index_add == 2?quCList:parkCList" :key='item.id'>
				<div class="w15">{{index+1}}</div>
				<div class="w30">{{index_add == 3?item.park_name:item.city_name}}</div>
				<div class="w30">{{index_add == 3?item.company_num:item.total}}</div>
				<div class="w25 blue" @click="showList({id:item.id,city_id:item.city_id,city_name:item.city_name,park_name:item.park_name})">企业名录</div>
			</div>
			<div class="" style="text-align: center;" v-if="(index_add == 0&&shengCList.length==0)||(index_add == 1&&shiCList.length==0)||(index_add == 2&&quCList.length==0)||(index_add == 3&&parkCList.length==0)">
				暂无数据
			</div>
		</div>
		
		
		<!-- <div style="height: 10px;width: 100%;" v-if="chain_detail.business_img.thumb.length>0"></div>
		<div class="title_fx" v-if="chain_detail.business_img.thumb.length>0">
			<div class="">
				招商地图
			</div>
		</div>
		<div class="zs_map" v-if="chain_detail.business_img.thumb.length>0">
			
			<div class="zs">
				<swiper class="swiper1" :indicator-dots="false" :autoplay="true" :circular='true' previous-margin='60px' next-margin	='60px' @change="(event)=>{zyIndex=event.detail.current}">
					<swiper-item class="swiper_item1" v-for="(item,index) in chain_detail.business_img.thumb" :key='item.id'>
						<img class="small" :class="zyIndex==index?'big':''" :src="item" mode="" />
					</swiper-item>
				</swiper>
			</div>
		</div>
		 -->
		<div class="" style="width: 100%;height:20px;"></div>
		<div class="title_fx" v-if="companyList_tj.length>0">
			<div class="">相关企业</div>
			<div class="more" @click="toC()">更多></div>
		</div>
		<div class="item" v-if="companyList_tj.length>0" v-for="(item,index) in companyList_tj" :key='index' @click="toDetail(item)">
			<img :src="item.logo" @error='imageError($event,index)' />
			<div class="name1">
				<div class="name">{{item.company_name}}</div>
				<div class="" v-if="item.park_name" style="font-size: 11px; color: #666;margin: 6px 0;">{{item.park_name}}</div>
				<div class="" v-if="item.chain_name&&item.chain_name.length>0">
					<span class="" style="font-size: 10px; color: #666;margin: 6px 0;margin-right: 6px;background-color: #ff9933;color: #fff;border-radius: 2px;padding: 1px 4px;" v-for="item1 in item.chain_name.split(',').slice(0,3)">{{item1}}</span>
				</div>
				<div class="" style="font-size: 10px; color: #666;margin: 6px 0;">地址： {{item.address}}</div>
				</div>
		</div>
		<!-- <div style="height: 30px;width: 100%;" v-if="proList.length>0"></div>
		<div class="title_fx" v-if="proList.length>0">推荐项目</div>
		<div style="height: 20px;width: 100%;" v-if="proList.length>0"></div>
		<hot-pro-list v-if="proList.length>0" :proList='proList'></hot-pro-list>
		 -->
		
		<!-- <div style="height: 30px;width: 100%;" ></div>
		<div class="title_fx" v-if="parkList_tj.length>0">
			<div class="">推荐园区</div>
		</div>
		<div style="height: 20px;width: 100%;" v-if="parkList_tj.length>0"></div>
		<tj-park-list :parkList='parkList_tj' v-if="parkList_tj.length>0"></tj-park-list> -->
		
		<drawer ref="showRight" :width='300' @close='isshow=false' @touchmove.stop.prevent="()=>{}">
			<div class="" style="height: 40px;line-height: 40px;margin-bottom: 2px;font-size: 18px;font-weight: 800;padding-left: 20px;color: 333;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);">{{item.chain_name||item.city_name}}</div>
			<van-list
        v-model="isLoading"
        :finished="isfinsh"
        finished-span="没有更多了"
        class="list_div"
        @load="getMore"
      >
				<div class="box_item" v-for="(item,index) in companyList" :key='index' @click="toDetail(item)">
					<div class="name1">
						<div class="name">{{item.company_name}}</div>
						<div class="" v-if="item.park_name" style="font-size: 11px; color: #666;margin: 6px 0;">{{item.park_name}}</div>
						<div class="" v-if="item.chain_name&&item.chain_name.length>0">
							<span class="" style="font-size: 10px; color: #666;margin: 6px 0;margin-right: 6px;background-color: #ff9933;color: #fff;border-radius: 2px;padding: 1px 4px;" v-for="item1 in item.chain_name.split(',').slice(0,3)">{{item1}}</span>
						</div>
						<div class="" style="font-size: 10px; color: #666;margin: 6px 0;">地址： {{item.address}}</div>
					</div>
				</div>
				<div class="none_img"  v-if="companyList.length==0">
					<img src="https://wqq103910.oss-cn-hangzhou.aliyuncs.com/images/4/2020/09/zw.png" mode="widthFix" />
					<div class="">暂无</div>
				</div>
				<div class="loading" v-if="isLoading">
					<img
						class="load-icon"
						src="data:img/png;base64,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"
					 />
					<span class="load-span">正在加载更多...</span>
				</div>
				<div class="nomore"> {{isfinsh?'没有更多了~':''}} </div>
			</van-list>
		</drawer>
		
		
		<div style="height: 20px;width: 100%;"></div>
		<div class="title_fx" v-if="isQg&&repList.length>0">
			<div class="">产业链报告</div>
		</div>
		<div class="" v-if="isQg">
			<div class="item_i" v-for="item in repList" :key='item.id'>
				<div class="title_p">{{item.title}}</div>
				<div class="" style="color:#007AFF;font-size: 12px;" @click="down(item.urls)">下载/预览</div>
			</div>
		</div>
		
		
		<!-- <div class="title_fx" v-if="!isQg">
			<div class="">政策</div>
			<div class="more" @click="toP()">更多></div>
		</div>
		<div class="top" v-if="!isQg">
			<div class="top_item" :class="active1==item.id?'active':''" @click="changeType1(item.id)" v-for="item in type1" :key='item.id'>{{item.type_name}}</div>
		</div>
		<div class="item" v-if="!isQg" v-for="(item,index) in pList" :key='index' @click="toDetailP(item)">
			<div class="name2">
				<div class="name">{{item.policy_name}}</div>
				<div class="info">{{item.type_name}}｜{{item.expense_type}}</div>
			</div>
		</div>
		<div class="none_img"  v-if="pList.length==0&&!isQg">
			<img src="https://wqq103910.oss-cn-hangzhou.aliyuncs.com/images/4/2020/09/zw.png" mode="widthFix" />
			<div class="">暂无</div>
		</div> -->
		<back />
	</div>
</template>

<script>
	import {getChainDataNum,GetReportList,chain_city_map,localprojects,compayorparknumonareamap,CompayOrParkNumOnCityMap,myIndustrychain ,parklist,gz,companylist ,policy,GetOwnChainDetailById} from '@/api/api.js'
	import map11 from '@/components/map.vue'
	import back from '@/components/back.vue'
	import map1 from '@/components/map1.vue'
	import drawer from '@/components/drawer.vue'
	export default {
		data() {
			return {
				data:{},
				isXzt:true,
				chainData:{},
				parkList_tj:[],
				cityList:[{juli:''}],
				cityList1:[{juli:''}],
				isSc:false,
				companyList_tj:[],
				active:1,
				active1:1,
				type:[
					{name:'推荐城市',id:1},
					{name:'推荐区县',id:2},
					{name:'推荐园区',id:3},
				],
				type1:[],
				pList:[],
				isOpen:false,
				isQg:false,
				quan:false,
				nodeQiang:[{chain_name:''}],
				nodeBu:[{chain_name:''}],
				nodeYan:[{chain_name:''}],
				nodeQue:[{chain_name:''}],
				nodeListAll:[],
				nodeList1:[],
				nodeList2:[],
				isfinsh:false,
				isLoading:false,
				companyList:[],
				isshow:false,
				page:1,
				item:{},
				isNone:false,
				chain_detail:{},
				zyIndex:0,
				shiCList:[],
				parkCList:[],
				shengCList:[],
				quCList:[],
				proList:[],
				index_add:1,
				cityItem:{id:8,shiShow:true},
        cityItem1:{},
				chain_id:'',
				repList:[],
        top:0,
        myCity_name:'',
        myCity_type:'',
        myCity_id:'',
			}
		},
		components:{map11,map1,drawer,back},
    activated(){
      this.myCity_name = localStorage.myCity_name
      this.myCity_id = localStorage.myCity_id
      this.myCity_type = localStorage.myCity_type
      this.cityItem.id = this.myCity_id
      if(this.myCity_type==1){
        this.cityItem.shengShow = false
        this.cityItem.shiShow = true
        this.cityItem.quShow = true
				this.index_add = 1
      }else if(this.myCity_type==2){
        this.cityItem.shengShow = false
        this.cityItem.shiShow = false
        this.cityItem.quShow = true
				this.index_add = 2
      }else if(this.myCity_type==3){
        this.cityItem.shengShow = false
        this.cityItem.shiShow = false
        this.cityItem.quShow = false
				this.index_add = 3
      }
      this.cityItem1 = JSON.parse(JSON.stringify(this.cityItem))

      this.chainData=JSON.parse(this.$route.query.chain)
			this.id = JSON.parse(this.$route.query.chain).id
			this.chain_id = JSON.parse(this.$route.query.chain).chain_id
			GetReportList({yun_chain_id:this.chain_id}).then(res=>{
				this.repList = res.data.data
			})
			this.getDetail()
			this.getType()
			this.getPlist()
		
			document.title=this.chainData.chain_name
      
			this.init()
			this.$refs.map.getData(this.chainData.id)
			this.getPark()
			
			this.getC()
			this.getPro()
			this.getComS()
			this.getComShi()
			this.getComQu()
			this.getComPark()
      this.$refs.page_chain.scrollTop =  this.top 
    },
		mounted(){
      this.myCity_name = localStorage.myCity_name
      this.myCity_id = localStorage.myCity_id
      this.myCity_type = localStorage.myCity_type
      this.cityItem.id = this.myCity_id
      if(this.myCity_type==1){
        this.cityItem.shengShow = false
        this.cityItem.shiShow = true
      }else if(this.myCity_type==2){
        this.cityItem.shengShow = false
        this.cityItem.shiShow = false
      }else if(this.myCity_type==3){
        this.cityItem.shengShow = false
        this.cityItem.shiShow = false
        this.cityItem.quShow = false
      }
      this.cityItem1 = JSON.parse(JSON.stringify(this.cityItem))

			this.chainData=JSON.parse(this.$route.query.chain)
			this.id = JSON.parse(this.$route.query.chain).id
			this.chain_id = JSON.parse(this.$route.query.chain).chain_id
			GetReportList({yun_chain_id:this.chain_id}).then(res=>{
				this.repList = res.data.data
			})
			this.getDetail()
			this.getType()
			this.getPlist()
		
			document.title=this.chainData.chain_name
      
			this.init()
			this.$refs.map.getData(this.chainData.id)
			this.getPark()
			
			this.getC()
			this.getPro()
			this.getComS()
			this.getComShi()
			this.getComQu()
			// this.getComPark()
		},
		// onShow(){
		// 	this.getDetail()
		// 	this.changeQg(false)
		// },
		methods: {
			imageError(e,index){
				this.companyList_tj[index].logo='https://wqq103910.oss-cn-hangzhou.aliyuncs.com/images/8/companyLogo.png'
			},
			changeCity(item){
				if(!item.id){
					item.id = 1
				}
				this.cityItem = item
				if(this.cityItem.shengShow){
					this.index_add=0
				}else if(this.cityItem.shiShow){
					this.index_add=1
				}else if(this.cityItem.quShow){
					this.index_add=2
				}else{
					this.index_add=3
        }
				this.getComS()
				this.getComShi()
				this.getComQu()
				this.getComPark()
			},
			getPro(){
				localprojects.getList({city_id:this.cityItem.id,chain_id:this.chainData.id}).then(res=>{
					this.proList= res.data.data
				})
			},
			getComS(){
	
				chain_city_map({city_id:1,chain_id:this.chainData.id}).then(res=>{
				  this.shengCList = res.data.sort((a,b)=>{
						return b.total - a.total
					})
					this.alltotal=0
					this.shengCList.forEach(res=>{
						this.alltotal += res.total
					})
				})
			},
			getComPark(){
				this.parkCList=[]
				parklist({city_id:this.cityItem.id,chain_id:this.chainData.id,order:'company_num'}).then(res=>{
					res.data.data.forEach(item=>{
						if(item.company_num!=0){
							this.parkCList.push(item)
						}
					})
				})
			},
			getComShi(){
				CompayOrParkNumOnCityMap({city_id:this.cityItem.id,chain_id:this.chainData.id}).then(res=>{
				  this.shiCList =res.data.slice(0, 20)
				})
			},
			getComQu(){
				compayorparknumonareamap({city_id:this.cityItem.id,chain_id:this.chainData.id}).then(res=>{
				  this.quCList =res.data.slice(0, 20)
				})
			},
			toPage(page,type){
				this.$router.push(page)
			},
			getDetail(){
				GetOwnChainDetailById({chain_id:this.id}).then(res=>{
					console.log(res)
					this.chain_detail = res.data
				})
			},
			showList(item,type){
				this.isshow=true
				this.quan = type=='quan'?true:false
				this.companyList=[]
				this.$refs.showRight.show()
				this.isfinsh = false
				this.page = 1
				this.item = item
				console.log(item)
				this.getCList()
			},
			getMore(){
				this.page += 1
				this.getCList()
			},
			getCList(){
				if(this.isfinsh){
					return
				}
				this.isLoading = true
				let data = {
					chain_id:this.item.chain_name?this.item.id:this.id,
					page:this.page,
					city_id: this.quan?1:(!this.item.chain_name&&!this.item.park_name)?(this.item.city_id || this.item.id):this.item.park_name?'':this.cityItem.id,
					park_id:this.item.park_name?this.item.id:''
				}
				companylist(data).then(res=>{
					if(this.page==1){
						this.companyList = res.data.data
					}else{
						this.companyList = this.companyList.concat(res.data.data)
					}
					if(this.companyList.length == res.data.total){
						this.isfinsh = true
					}
					this.isLoading = false
				})
			},
			changeQg(type){
				this.isQg=type
				this.cityItem=this.isQg?{id:1,shengShow:true,shiShow:true}:this.cityItem1
				this.index_add = this.isQg?0:this.myCity_type
				this.$nextTick(()=>{
					if(type){
						this.$refs.map1.getData(this.chainData.id)
					}else{
						this.$refs.map.getData(this.chainData.id)
					}
				})
				
				this.getComS()
				this.getComShi()
				this.getComQu()
				this.getComPark()
				
				this.getPark()
				this.getC()
				this.init()
			},
			getPlist(){
				let data ={
					// chain_id:this.chainData.id,
				  city_id:this.isQg?1:this.myCity_id,
					type_id:this.active1
				}
				policy.getList(data).then(res=>{
					this.pList=res.data.data.slice(0,4)
				})
			},
			getType(){
			  policy.type().then(res=>{
					this.type1=res.data.data
				})
			},
			changeType(type){
				this.active=type
			},
			changeType1(type){
				this.active1=type
				this.getPlist()
			},
			getC(){
				companylist({chain_id:this.chainData.id,city_id:this.isQg?1:this.myCity_id}).then(res=>{
					this.companyList_tj = res.data.data.slice(0,4)
				})
			},
			getPark(){
				parklist({city_id:this.isQg?1:this.myCity_id,chain_id:this.chainData.id,sort:1}).then(res=>{ 
					this.parkList_tj = res.data.data
          console.log(res.data)
				})
			},
			init(chain){
			  this.data = this.chainData.children
				this.chainData.num = 0
				this.chainData.total = this.data.length
				this.hasChild_grand(this.data)
			  this.getTotal(this.chainData,this.chainData)
				let time = setInterval(()=>{
					if(this.chainData.num == (this.chainData.total+1)){
						this.nodeList1=[]
						this.nodeList2=[]
						this.nodeListAll=[]
						this.nodeQiang=[]
						this.nodeBu=[]
						this.nodeYan=[]
						this.nodeQue=[]
						this.getNode(this.chainData,1)
						this.getNode(this.chainData,2)
						console.log()
						this.nodeList1 = this.nodeList1.sort((a, b)=>b.company_total - a.company_total)
						this.nodeList1.forEach(item=>{
							if(item.company_total&&item.company_total>0){
								let item1 = this.nodeList2.find(item1=>item1.chain_name==item.chain_name)
								this.nodeListAll.push(item)
							}else{
								this.nodeQue.push(item)
							}
						})
						this.nodeQiang = this.nodeListAll.slice(0,3)
						this.getNode(this.chainData.children[1],3)
						this.getNode(this.chainData.children[2],4)
						let nodeBuList=[],nodeYanList=[]
						this.nodeBu = this.nodeBu.sort((a, b)=>a.company_total - b.company_total)
						nodeBuList = this.nodeBu.slice(0,3)
						this.nodeBu = nodeBuList
						this.nodeYan = this.nodeYan.sort((a, b)=>a.company_total - b.company_total)
						nodeYanList = this.nodeYan.slice(0,3)
						this.nodeYan = nodeYanList
						clearInterval(time)
					}
				},1000)
			},
			 getNode(e,type){
				if(e.children && e.children.length>0){
					e.children.forEach(item=>{
						this.getNode(item,type)
					})
				}else{
					if(type==1){
						this.nodeList1.push(e)
					}else if(type==2){
						this.nodeList2.push(e)
					}else if(type==3){
						this.nodeBu.push(e)
					}else{
						this.nodeYan.push(e)
					}
				}
			},
			hasChild_grand(list){
			  list.forEach(item=>{
					this.chainData.total += item.total
					if(item.children&&item.children.length>0){
						item.children.forEach(item1=>{
							item1.num = item1.children?item1.children.length:0
							if(item1.children&&item1.children.length>0){
								item1.hasChild=true
								item1.children.forEach(item2=>{
									item2.num = item2.children?item2.children.length:0
									if(item2.children&&item2.children.length>0){
										item2.hasChild=true
										item1.hasGChild=true
									}
								})
								item1.children=item1.children.sort((a,b)=>{
								return a.num - b.num
								})
							}
						})
						item.children=item.children.sort((a,b)=>{
						return a.num - b.num
				  })
				  }
			  })
			  this.data=list
			},
			getTotal(e,chainData){
			  let data = {
					chain_id:e.id,
					city_id:this.isQg?1:this.myCity_id,
			  }
			  getChainDataNum(data).then(res=>{
					e.company_total = res.data
					chainData.num+=1
					this.data.push({})
					this.data.pop()
			  })
			  if(e.children && e.children.length>0){
					e.children.forEach(item=>{
						this.getTotal(item,chainData)
					})
			  }
			},
			toDetail(item){
      this.top = this.$refs.page_chain.scrollTop

        this.$router.push({name:'companyDetail',query:{identification:item.identification}})
			},
			toC(){
      this.top = this.$refs.page_chain.scrollTop

        this.$router.push({name:'companyList'})
			},
			toDetailP(item){
      this.top = this.$refs.page_chain.scrollTop

        this.$router.push({name:'pDetail',query:{id:item.id}})
			},
			toP(){
      this.top = this.$refs.page_chain.scrollTop

        this.$router.push({name:'pList'})
			},
			down(url){
        window.open(url)
			},
		}
	}
</script>

<style lang="scss" scoped>
.page_chain{
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.flex_chain{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 10px;
	margin: 10px 0;
	border-radius: 8px;
	box-shadow: 0 2px 2px 0 rgba($color: #000000, $alpha: .3);
	font-size: 14px;
	width: calc(100% - 20px);
	margin-left: 10px;
	.chain_h{
		width: 40px;
		font-size: 14px;
		font-weight: 800;
		color: #333;
		text-align: center;
	}
	.chain_name{
		display: flex;
		width: calc(100% - 60px);
		flex-wrap: wrap;
		div{
			margin: 5px;
			color: #666;
		}
	}
}
	.open{
		height: 100px !important;
		min-height: 100px !important;
		overflow: hidden !important;
		position: relative !important;
		margin-bottom: 40px;
	}
	.toopen{
		position: absolute;
		bottom: 0;
		height: 60px;
		line-height: 80px;
		text-align: center;
		width: calc(100% - 10px);
		z-index: 10;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
	}
	.header_2wm{
		width: 60rpx;
		height: 60rpx;
		background-img: url(https://wqq103910.oss-cn-hangzhou.aliyuncs.com/images/4/2020/09/2wm.png);
		background-size: 100% 100%;
	}
	.qg{
		display: flex;
		.qg_item{
			width: 50%;
			text-align: center;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			border-bottom: 1px solid #f0f0f0;
		}
		.active{
			color: #f93;
			font-weight: 900;
		}
	}
	.zc_item{
		background: #FFFFFF;
		box-shadow: 0px 2px 2px 2px rgba(191, 191, 191, 1);
		border-radius: 6px;
		padding: 14px 12px;
		margin: 10px 5px;
		width: calc(100% - 34px);
		.zc_t{
			font-size: 16px;
			font-weight: 500;
			color: #333333;
			margin-bottom: 10px;
		}
	}
	.zc_flex{
		display: flex;
		justify-content: space-between;
		.bq{
			background: #FF5100;
			box-shadow: 0px 1px 10px 0px rgba(71, 88, 191, 0.12);
			border-radius: 6px;
			padding: 2px 5px 3px;
			color: #fff;
			font-size: 14px;
		}
		.time{
			font-size: 14px;
			font-weight: 400;
			color: #999999;
		}
	}
// .map{
//   width: calc(100% - 14px);
//   height: 380px;
// }
.title_fx{
	font-size: 18px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 800;
	color: #333333;
	padding: 5px;
	// margin: 20px 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.more{
		color: #888;
		font-size: 14px;
	}
}
.none{
	text-align: center;
	margin-top: 150px;
	font-size: 22px;
	font-weight: 800;
}
.section-main{
  position: relative;
  overflow: auto;
  max-width: 100%;
  padding: 5px;
  min-height: 300px;
	transition: all 0.5s;
  // box-shadow: inset 0 0 10px 0 rgba(75,126,250,.9);
  // height: calc(100% - 1px);
}
.section-main::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(36, 71, 143, 1);
}
.section-main::-webkit-scrollbar-thumb {
  background-color: rgba(3, 168, 226, 1)
}
.section{
  display: flex;
  margin-bottom: 20px;
}
.section-level{
    position: relative;
    min-width: 60px;
    max-width: 60px;
    font-size:12px;	
    // color: rgb(41, 151, 255);
    color: #fff;
    // background: rgba(0,145,255,.7);
    // background: rgba(252, 180, 14, 0.5);
		background:rgba($color: #0088cc, $alpha:1) !important;

    text-align: center;
    padding: 5px;
    word-break: break-all;
    border-radius: 10px 0 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.section-level:hover{
    color: #ff9933;
}
.section-content{
    margin-left: 5px;
    .node{
        float: left;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 5px 5px;
        width: 125px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        text-align: center;
        // border: 1px solid #0091ff;
        // border: 1px solid #f93;
				border: 1px solid #0090DA;
        border-radius: 4px;
        overflow: hidden;
        // color: #0091ff;
        color: #fff;
    }
		.a:hover{
         color: #fff;
		 }
		 .color3{
			 // color: #888;
			 background:rgba($color: #b3b1b1, $alpha:1) !important;
		 }
		 .level1>.color2{
			 background:rgba($color: #0088cc, $alpha:1) !important;
		 }
		 .none>.a{
			 background:rgba($color: #63cbff, $alpha:1) !important;
		 }
		 .level1>.node{
			 border: none;
			 border-radius: 0;
			 margin: 0;
			 // margin: 5px 8px;
		 }
		 .level1>.wus{
			 background:rgba($color: #f93, $alpha:0.9) !important;
		 }
    .has-children{
      width: auto;
      height: auto;
      max-width: 125px;
    }
		.has-grandchild>.wus{
			border: 1px solid #f93;
			margin: 5px 5px;
		}
		.has-grandchild>.yans{
			margin: 5px 5px;
		}
    .has-grandchild{
      width: auto;
      height: auto;
    }
}
.red{
  color:#fff;
}
.red1{
  color:rgb(246, 203, 12);
}
.companyList{
  margin: 5px;
  border: 2px solid #ccc;
  border-radius: 5px;
  background: #f3f4fb;
  .header{
    margin: 5px;
    font-size: 18px;
    font-weight: 600;
  }
  .chain_view{
    border: 2px solid #ccc;
    border-radius: 5px;
    margin: 5px;
    padding: 5px 0;
    .flex{
      display: flex;
      align-items: center;
      font-size: 13px !important;
    }
    .l-item{
      margin: 5px 0;
      .blue{
        color: #f93;
        min-width: 40px;
      }
    }
    img{
      width:18px;
      margin: 5px 5px 5px 10px;
    }
  }
}


.item{
	background: #FFFFFF;
	box-shadow: 0px 2px 2px 2px rgba(191, 191, 191, 1);
	border-radius: 6px;
	padding: 14px 12px;
	margin: 10px 12px;
	width: calc(100% - 24px);
	display: flex;
	position: relative;
	.score{
		position: absolute;
		right: 16px;
		font-size: 22px;
		color: #f93;
	}
	img{
		width: 36px;
		height: 36px;
		margin-right: 8px;
	}
	.name1{
		width: 70%;
	}
	.name2{
		width: 100%;
	}
	.name{
		font-size: 15px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 700;
		color: #111;
		line-height: 21px;
	}
	.info{
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		line-height: 17px;
	}
}
.bottom{
	position: fixed;
	justify-content: space-around;
	align-items: center;
	bottom: 0;
	width: calc(100% - 20px);
	padding: 0 10px;
	height: 54px;
	background: #FFFFFF;
	display: flex;
	z-index: 100;
	box-shadow: 0px -2px 2px #e7e7e7;
	.btn{
		font-size: 18px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		height: 54px;
		line-height: 54px;
		background: linear-gradient(90deg, #FE8E33 0%, #FC5517 100%);
		// border-radius: 23px;
		width: 180px;
	}
	.sc{
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		text-align: center;	
		// width: ;
		img{
			width: 24px;
			height: 24px;
		}
	}
}
.top{
	width: 100%;
	display: flex;
	justify-content: space-around;
	// margin-bottom: 20px;
	.top_item{
		width: 20%;
		padding: 6px 0;
		text-align: center;
		font-size: 14px;
	}
	.active{
		color: #f93;
		border-bottom: 2px solid #f93;
	}
}
.box_item{
	width: calc(100% - 20px);
	margin: 10px 10px;
	background: #FFFFFF;
	box-shadow: 0px 2px 2px 2px rgba(191, 191, 191, 1);
	border-radius: 6px;
	display: flex;
	padding: 12px;
	position: relative;
	img{
		width: 36px;
		height: 36px;
		margin-right: 8px;
	}
	.score{
		position: absolute;
		right: 16px;
		font-size: 22px;
		color: #f93;
	}
	.name1{
		width: calc(100% - 30px);
	}
	.name{
		font-size: 15px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 800;
		color: #111;
		line-height: 21px;
	}
	.info{
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		line-height: 17px;
	}
}
	.nomore{
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #888;
	}
	.loading{
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		color: #888;
		img{
			width: 32px;
			height: 32px;
			margin-right: 10px;
			animation: zhuan 1.2s linear infinite;
		}
	}
	@keyframes zhuan {
		0% {
			transform: rotate(0deg);
		}
		50% {
			transform: rotate(180deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	.zs_map{
		width: calc(100% - 20px);
		margin-left: 10px;
		position: relative;
		img{
			width: 100%;
		}
		.toopen1{
			position: absolute;
			bottom: 0;
			height: 100%;
			display: flex;
			align-items: center;
			text-align: center;
			width: 100%;
			font-size: 22px;
			font-weight: 800;
			color: #ff8913;
			justify-content: center;
			z-index: 101;
			background-color: rgba($color: #000000, $alpha: .5);
		}
	}
	.mask_zs { 
		filter: blur(6px); 
	}
	.zs{
	}
	.swiper1{
		width: 100%;
		height: 180px;
		margin-bottom: 20px;
		.swiper_item1{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.small{
			width:calc(100% - 40px);
			height: 130px;
			transition: all 0.5s;
			background-color: rgba($color: #000000, $alpha: .3);
			box-shadow: 0px 0px 12px 0 rgba($color: #000000, $alpha: .3);
		}
		.big{
			width: calc(100% - 8px);
			height: 170px;
			// margin: auto;
			box-shadow: 0px 0px 12px 0 rgba($color: #000000, $alpha: .3);
		}
	}
.flex_table{
		display: flex;
		padding: 10px;
		// width:calc(100% - );
		font-size: 14px;
		text-align: center;
	}
	.w15{
		width: 15%;
	}
	.w25{
		width: 25%;
	}
	.w10{
		width: 10%;
	}
	.w30{
		width: 30%;
	}
	.w40{
		width: 40%;
	}
	.w45{
		width: 45%;
	}
	.w35{
		width: 45%;
	}
	.big{
		font-weight: 800;
	}
	.blue{
		color: #007AFF;
	}
	.bg_blue{
		background-color: #007AFF;
		color: #fff;
		font-weight: 800;
		padding: 10px 0;
	}
	.item_i{
		width: calc(100% - 20px);
		padding: 15px 10px;
		border-bottom: 1px solid #E5E5E5;
		display: flex;
		justify-content: space-between;
		.title_p{
			width: calc(100% - 60px);
			white-space: nowrap;
			overflow: hidden;
			span-overflow: ellipsis;
			font-size: 14px;
			color: #333;
		}
	}
  .list_div{
    height: calc(100% - 40px);
    overflow-y: auto;
  }
  	.none_img{
		width: 100%;
		text-align: center;
		image{
			width: 50%;
		}
		view{
			font-size: 22px;
			font-weight: 800;
			color: #f93;
		}
	}
	// .mask_zs::before { content: ""; position: absolute; filter: blur(6px); height: 100%; width: 100%; top: 0; left: 0;}
</style>
